* {
    box-sizing: border-box; /* 所有元素使用 border-box */
}

.pd-20{
    padding-left: 16px;
    padding-right: 16px;
}


/* 日期标志 */
.el-icon-time {
    margin-top: 0.5px !important;
}


/**新ui修改
=====================================================================
*/

/** 背景底图样式 */
.bg-iframe-bar{
    background: #FFFFFF;
    width: calc(100% - 0px);
    height: auto;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-top: 16px;
}



.bg-iframe-barOther{
    background: #FFFFFF;
    width: calc(100% - 0px);
    height: auto;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
}

.bg-iframe-tab{
    width: 100% !important;
    height: calc(100% - 88px);
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
}

.bg-iframe-maintab{
    width: 100% !important;
    height: calc(100% - 88px);
    /*background: #FFFFFF;*/
    border-radius: 8px 8px 8px 8px;
}

.bg-table-main{
    width: 100% !important;
    height: calc(100% - 88px);
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 1px #F1F2FA;
    border-radius: 8px 8px 8px 8px;
}

.bg-iframe-tab > div{
    padding: 16px
}


/**
*按钮及输入框等样式 ===========================================================
*/
.iframe-bar-el-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* 允许子元素换行 */
    width: 100%;
}

.iframe-bar-el-row > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; /* 允许子元素换行 */
    height: auto;
}

.iframe-bar-el-row > div > * {
    margin-bottom: 16px; /* 为每个孙元素设置底部边距 */
    margin-right: 16px;
    height: 40px;
}

.iframe-bar-el-row .el-select,
.iframe-bar-el-row .el-select .el-input__inner,
.iframe-bar-el-row .el-input--suffix,
.iframe-bar-el-row .el-input__inner,
.iframe-bar-el-row .el-select-dropdown .el-popper{
    width: 200px !important;
    /*width: auto;*/
}
.iframe-bar-el-row .el-select .el-input .el-input__inner:focus,
.iframe-bar-el-row  .el-input .el-input__inner:focus
{
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #0278FC;
    width: auto;
}

.iframe-bar-el-row .el-input__suffix {
    right: 12px;
    transition: all .3s
}

.iframe-bar-el-row .el-button+.el-button{
    margin-left: 0; !important;
}

.iframe-bar-el-row .el-button--danger{
    background-color: red;
    border-color: red;
}

.iframe-bar-el-row [class^="el-button"]
{
    display: inline-flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    min-width: 100px; /* 设置最小宽度 */
    white-space: nowrap; /* 防止文本换行 */
    box-sizing: border-box; /* 包括内边距和边框计算 */
    width: auto;
    font-size: 16px;
    margin-right: 16px !important; /* 确保移除所有默认边距 */
    padding-inline: 6px; !important;
    padding-block: 0; !important;
}

/**
 * 表格样式 ======================================================================
 */
.bg-iframe-tab .el-table--border,.el-table--group{
    border-radius: 0 0 0 0;
    border: 1px solid #DDDDDD;
}

.bg-iframe-tab .btn-prev,
.bg-iframe-tab .el-pager li,
.bg-iframe-tab .btn-next
{
    height: 40px;
    width: 40px;
}
.bg-iframe-tab .el-pager li,
.bg-iframe-tab .el-pagination__total
{
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-align: center;
    padding-top: 5px;
}

.bg-iframe-tab .el-pagination__jump,
.bg-iframe-tab .el-pagination__sizes,
.bg-iframe-tab .el-pagination__total,
.bg-iframe-tab  span,
.bg-iframe-tab .el-pagination button,
.bg-iframe-tab .el-pagination span:not([class*=suffix]),
.bg-iframe-tab .el-input--mini .el-input__inner,
.bg-iframe-tab  .el-pagination__editor.el-input .el-input__inner{
    /*height: 40px;*/
}

.bg-iframe-tab .el-checkbox__inner,
.bg-iframe-tab .el-checkbox__inner .el-checkbox__original{
    width: 14px;
    height: 14px;
}

.bg-iframe-tab  span,
.bg-iframe-tab  span .el-input__inner
{
    font-weight: 400;
    font-size: 14px !important;
    color: #333333;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
/**
 * 自定义表格按钮样式
 */
/*btn-custom_0*/
.bg-iframe-tab .btn-custom_0 {
    width: 56px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    background-color: white;
    border: 1px solid rgb(255, 146, 0);
    border-radius: 5px;
    cursor: pointer;
}

.bg-iframe-tab .btn-custom_0 span {
    height: 16px; /* 设置 span 的高度 */
    display: inline-block; /* 显示为 inline-block 确保高度生效 */
    line-height: 16px; /* 使内容也垂直居中 */

    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    /*font-weight: bold; !* 字体加粗 *!*/
    font-size: 12px; /* 字体大小 */
    color: rgb(255, 146, 0); /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-style: normal; /* 字体风格 */
    text-transform: none; /* 文本转换 */
}
.bg-iframe-tab .btn-custom_0 i{
    color: rgb(255, 146, 0); /* 字体颜色 */
}

.bg-iframe-tab .btn-custom_0:hover {
    background-color: rgb(255, 146, 0); /* 鼠标悬停时的填充颜色 */
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_0:hover span {
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_0:hover i {
    color: white; /* 鼠标悬停时的图标颜色 */
}

/*btn-custom_1*/
.bg-iframe-tab .btn-custom_1 {
    width: 56px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #0278FC;
    border-radius: 5px;
    cursor: pointer;
}

.bg-iframe-tab .btn-custom_1 span {
    height: 16px; /* 设置 span 的高度 */
    display: inline-block; /* 显示为 inline-block 确保高度生效 */
    line-height: 16px; /* 使内容也垂直居中 */

    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    /*font-weight: bold; !* 字体加粗 *!*/
    font-size: 12px; /* 字体大小 */
    color: #0278FC; /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-style: normal; /* 字体风格 */
    text-transform: none; /* 文本转换 */
}
.bg-iframe-tab .btn-custom_1 i{
    color: #0278FC; /* 字体颜色 */
}

.bg-iframe-tab .btn-custom_1:hover {
    background-color: #0278FC; /* 鼠标悬停时的填充颜色 */
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_1:hover span {
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_1:hover i {
    color: white; /* 鼠标悬停时的图标颜色 */
}

/*btn-custom_2*/
.bg-iframe-tab .btn-custom_2 {
    width: 56px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #0AC984;
    border-radius: 5px;
    cursor: pointer;
}

.bg-iframe-tab .btn-custom_2 span {
    height: 16px; /* 设置 span 的高度 */
    display: inline-block; /* 显示为 inline-block 确保高度生效 */
    line-height: 16px; /* 使内容也垂直居中 */

    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    /*font-weight: bold; !* 字体加粗 *!*/
    font-size: 12px; /* 字体大小 */
    color: #0AC984; /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-style: normal; /* 字体风格 */
    text-transform: none; /* 文本转换 */
}

.bg-iframe-tab .btn-custom_2 i{
    color: #0AC984; /* 字体颜色 */
}

.bg-iframe-tab .btn-custom_2:hover {
    background-color: #0AC984; /* 鼠标悬停时的填充颜色 */
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_2:hover span {
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_2:hover i {
    color: white; /* 鼠标悬停时的图标颜色 */
}

/*btn-custom_3*/
.bg-iframe-tab .btn-custom_3 {
    width: 56px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #FF7A7A;
    border-radius: 5px;
    cursor: pointer;
}

.bg-iframe-tab .btn-custom_3 span {
    height: 16px; /* 设置 span 的高度 */
    display: inline-block; /* 显示为 inline-block 确保高度生效 */
    line-height: 16px; /* 使内容也垂直居中 */

    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    /*font-weight: bold; !* 字体加粗 *!*/
    font-size: 12px; /* 字体大小 */
    color: #FF7A7A; /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-style: normal; /* 字体风格 */
    text-transform: none; /* 文本转换 */
}

.bg-iframe-tab .btn-custom_3 i{
    color: #FF7A7A; /* 字体颜色 */
}

.bg-iframe-tab .btn-custom_3:hover {
    background-color: #FF7A7A; /* 鼠标悬停时的填充颜色 */
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_3:hover span {
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_3:hover i {
    color: white; /* 鼠标悬停时的图标颜色 */
}

/*btn-custom_4*/
.bg-iframe-tab .btn-custom_4 {
    width: 90px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #0278FC;
    border-radius: 5px;
    cursor: pointer;
}

.bg-iframe-tab .btn-custom_4 span {
    height: 16px; /* 设置 span 的高度 */
    display: inline-block; /* 显示为 inline-block 确保高度生效 */
    line-height: 16px; /* 使内容也垂直居中 */

    font-family: 'Microsoft YaHei', sans-serif; /* 字体设置 */
    /*font-weight: bold; !* 字体加粗 *!*/
    font-size: 12px; /* 字体大小 */
    color: #0278FC; /* 字体颜色 */
    text-align: center; /* 文本居中 */
    font-style: normal; /* 字体风格 */
    text-transform: none; /* 文本转换 */
}

.bg-iframe-tab .btn-custom_4 i{
    color: #0278FC; /* 字体颜色 */
}

.bg-iframe-tab .btn-custom_4:hover {
    background-color: #0278FC; /* 鼠标悬停时的填充颜色 */
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_4:hover span {
    color: white; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_4:hover i {
    color: white; /* 鼠标悬停时的图标颜色 */
}

/*btn-custom_5*/
.bg-iframe-tab .btn-custom_5 {
    width: 40px;
    margin: 0;
    padding: 0 4px; /* 调整内边距使文字居中 */
    line-height: 24px; /* 确保行高匹配按钮高度 */
    height: 24px; /* 定义按钮高度 */
    display: inline-flex;
    align-items: center; /* 使内容垂直居中 */
    justify-content: center; /* 使内容水平居中 */
    box-sizing: border-box;
    /*border: 1px solid #0278FC;*/
    border-radius: 5px;
    color: #0278FC;
    background-color: transparent ;
    cursor: pointer;
    border-style: none;
}

.bg-iframe-tab .btn-custom_5 .el-button__text{
    order: 2;
}
.bg-iframe-tab .btn-custom_5 .el-button__icon{
    order: 1;
    margin-right: 0;
    margin-left: -4px; /* 调整间距 */
}

.bg-iframe-tab .btn-custom_5 i{
    color: #0278FC; /* 字体颜色 */
}



.bg-iframe-tab .btn-custom_5:hover {
    /*background-color: #0278FC; !* 鼠标悬停时的填充颜色 *!*/
    color: #0278FC; /* 鼠标悬停时的文本颜色 */
}

.bg-iframe-tab .btn-custom_5:hover span {
    color: #0278FC; /* 鼠标悬停时的文本颜色 */
}



.custom-icon-color5 {
    color: #ff0000; /* 红色底色 */
}
.custom-icon-color4 {
    color: #d6502b; /* 橙色底色 */
}
.custom-icon-color3 {
    color: #FF8000; /* 橙色底色 */
}
.custom-icon-color2 {
    color: #dfaa69; /* 橙色底色 */
}
.custom-icon-color1 {
    color: #0000ff; /* 橙色底色 */
}
.custom-icon-color0 {
    color: #00ff00; /* 橙色底色 */
}

/** 输入框高度 */
.el-input__inner{
    height: 40px !important;
}

/*.bg-iframe-tab .el-table__body tr td .cell,*/
/*.bg-iframe-tab .el-table__header-wrapper tr th .cell {*/
    /*padding: 0 !important; !* 移除单元格内边距 *!*/
    /*height: 24px; !* 设置单元格高度 *!*/
    /*line-height: 24px; !* 确保文本垂直居中 *!*/
/*}*/





/**
* 弹窗样式 ======================================================================
 */

.bg-iframe-dialog  .el-dialog{
    background-color: rgba(255, 255, 255, 255);
    border-radius: 5px !important;
    margin-top: 10vh !important;
}
.bg-iframe-dialog .el-dialog--center .el-dialog__body {
    text-align: initial;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.bg-iframe-dialog .el-dialog__body > div:first-child {
    display: flex;
    justify-content: center;
}


.bg-iframe-dialog .el-dialog__header{
    height: 56px;
    background: #f5f5f5;
    padding: 15px 20px 15px !important;
    text-align:left;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    line-height: 0;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-radius: 5px !important;
    border-bottom: #ebebeb 2px solid;
}

.bg-iframe-dialog .el-dialog__header .el-dialog__title{
    text-align:left;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none
}

.el-form-item {
    margin-bottom: 20px;
}

.el-form-item__label {
    padding: 0px 4px 0px 0px;
}

.bg-iframe-dialog .el-form-item__content {
    width: 400px;
    height: 40px;
    text-align: center;
}

.bg-iframe-dialog .btn-custom{
    text-align: right;
    height: 56px;
    padding-right: 29px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    border-top: 2px solid #ebebeb
}
.bg-iframe-dialog .btn-custom > * {
    display: inline-flex;
    padding-top: 12px;
}

.bg-iframe-dialog .el-button
{
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    min-width: 80px; /* 设置最小宽度 */
    white-space: nowrap; /* 防止文本换行 */
    box-sizing: border-box; /* 包括内边距和边框计算 */
    width: auto;
    height: 32px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    /*color: #FFFFFF;*/
    line-height: 0px;
    text-align: center;
    font-style: normal;
    text-transform: none;

}

/**
* 告警状态弹窗样式 ======================================================================
 */
.bg-iframe-alertdialog  .el-dialog{
    background-color: rgba(255, 255, 255, 255);
    border-radius: 5px !important;
    margin-top: 10vh !important;
}

.bg-iframe-alertdialog .el-dialog--center .el-dialog__body {
    text-align: initial;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;

}

.bg-iframe-alertdialog .el-dialog__header{

    height: 56px;
    background: #f5f5f5;
    padding: 15px 20px 15px !important;
    text-align:left;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    line-height: 0;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-radius: 5px !important;
    border-bottom: #ebebeb 2px solid;
}

.bg-iframe-alertdialog .el-dialog__header .el-dialog__title{
    text-align:left;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 16px;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none
}
/*.bg-iframe-alertdialog.el-dialog__title{*/
/*    align-items: center; !* 垂直居中 *!*/
/*    padding: 20px 13px 13px 30px !important;*/
/*}*/
.bg-iframe-alertdialog .el-form-item__content {
    width: 460px;
    height: 240px;
    text-align: center;
}

.bg-iframe-alertdialog .btn-custom{
    text-align: right;
    height: 5px;
    padding-right: 29px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
}
.bg-iframe-alertdialog .btn-custom > * {
    display: inline-flex;
    padding-top: 12px;
}



.bg-iframe-alertdialog .el-button
{
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    min-width: 80px; /* 设置最小宽度 */
    white-space: nowrap; /* 防止文本换行 */
    box-sizing: border-box; /* 包括内边距和边框计算 */
    width: auto;
    height: 32px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    line-height: 0px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.bg-iframe-alertdialog .el-radio{
    background: rgba(153,153,153,0);
    border-radius: 47px 47px 47px 47px;
    border: 1px solid #DDDDDD;
}
.el-col-main-define{
    margin:8px 0px 8px 8px;
}
.el-col-sub-define{
    margin:25.5px 0px 25.5px 0px;
}
.span-main{
    margin-top: 11px;
    margin-left: 93px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    color: #707070;
    font-style: normal;

    width: 96px;
    height: 21px;
}
.span-main-data{
    width: 128px;
    height: 42px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    line-height: 0px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.div-main{
    background: #FFFFFF;
    width: 33%;
    height: 96px;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-top: 16px;
}


/**
* 地图样式
 */
.map-ui {
    position: absolute;
    top: 10px;
    left: 40px;
    z-index: 1000; /* 确保UI元素位于地图层之上 */
}
.map-ui  > div > * {
    height: 40px;
}

.map-ui .el-select,
.map-ui.el-select .el-input__inner,
.map-ui .el-input--suffix,
.map-ui .el-input__inner,
.map-ui .el-select-dropdown .el-popper{
    width: 200px !important;
    /*width: auto;*/
}
.map-ui .el-select .el-input .el-input__inner:focus,
.map-ui  .el-input .el-input__inner:focus
{
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #0278FC;
    width: auto;
}

.map-ui .el-input__suffix {
    right: 12px;
    transition: all .3s
}

.map-ui .el-button+.el-button{
    margin-left: 0; !important;
}

.map-ui .el-button--danger{
    background-color: red;
    border-color: red;
}

.map-ui [class^="el-button"]
{
    display: inline-flex;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    min-width: 100px; /* 设置最小宽度 */
    white-space: nowrap; /* 防止文本换行 */
    box-sizing: border-box; /* 包括内边距和边框计算 */
    width: auto;
    font-size: 16px;
    margin-right: 16px !important; /* 确保移除所有默认边距 */
    padding-inline: 6px; !important;
    padding-block: 0; !important;
}

.el-table__fixed,
.el-table__fixed-right{
    height: 97% !important;
}


